<html>
	<head>
		<title>Home</title>
		<link rel="stylesheet" href="${rc.getContextPath()}/resources/css/styles.css" type="text/css"></link>
	</head>
	<body>
		<h3>Sign Up</h3>
		<h4>With an pencil account, you can upload your collections to our server and install them to pencil app.</h4>
		<form id="signUpForm" method="post" action="${rc.getContextUrl('/account/signup')}" >	
			<div>
				<label for="email">Email</label>
				<input type="text" id="email" name="email" autocomplete="off" />
			</div>
			
			<div>
				<label for="username">Username</label>
				<input type="text" id="username" name="username" autocomplete="off" maxlength="12" />
			</div>
			
			<div>
				<label for="password">Password</label>
				<input name="password" type="password" />
			</div>
			
			<div>
				<label for="confirmedPassword">Confirmed Password</label>
				<input type="password" />
			</div>
			<input class="StyleBtn" type="submit" value="SIGN UP" id="signupButton" />
		</form>
	</body>
</html>
